<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>创作中心 - 我的博客</title>
    <link rel="stylesheet" href="{{ url_for('static' , filename='CSS/blog/simplemde.min.css') }}">
    <link rel="stylesheet" href="{{ url_for('static' , filename='CSS/blog/editor.css') }}">
</head>
<body>
    <div class="editor-container">
        <h1 class="page-title">开始创作</h1>

        <form method="POST" action="/blog/editor/post">
            <div class="form-group">
                <input type="text"
                       name="title"
                       placeholder="请输入文章标题（最多100个字符）"
                       maxlength="100"
                       required>
            </div>

            <div class="form-group">
                <div class="editor-wrapper">
                    <textarea id="editor"
                              name="content"
                              placeholder="开始你的创作之旅...（支持Markdown语法）"
                              required></textarea>
                </div>
            </div>

            <div class="form-group">
                <div class="tag-container" id="tag-container">
                    <input type="text"
                           id="tags"
                           placeholder="添加标签（按回车确认）"
                           style="border: none; box-shadow: none;">
                </div>
            </div>

                <button type="submit" class="submit-btn">
                    <span class="submit-text">立即发布</span>
                    <span class="pulse-animation"></span>
                </button>
        </form>
    </div>

    <script src="https://cdn.jsdelivr.net/simplemde/latest/simplemde.min.js"></script>
    <script src = "{{ url_for('static' , filename = "js/blog/editor.js") }}">
    </script>
</body>
</html>